<!--
 * @Description: 
 * @Author: ljy
 * @Date: 2021-07-02 08:43:08
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-07-03 17:24:59
-->
<template>
  <div class="body">
    <div class="one">
        <van-icon name="arrow-left" class="left" @click="toBack" />使用帮助</div>
    <div class="two"><van-icon name="bulb-o" />常见问题</div>
    <div>
      <div class="item">1.优惠券如何使用?</div>
      <div class="item">2.取消订单后钱什么时候到账?</div>
      <div class="item">3.可以固定同一个阿姨服务吗?</div>
      <div class="item">4.如何选择上一次服务的阿姨?</div>
      <div class="item">5.预约成功后在哪查看?</div>
    </div>
    <div class="three">
      <van-icon name="bulb-o" />更多问题
    </div>
    <br />
      <span class="click">订单相关</span>
      <span class="click">客户端使用</span>
      <span class="click">优惠券与活动</span>
      <span class="click">支付与费用</span>
      <span class="click">服务相关</span>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  computed: {},
  methods: {
      toBack(){
          this.$router.push({
              path: '/Index'
          })
      }
  },
  created() {},
  mounted() {},
};
</script>
<style scoped>
.body{
  width:100%;
  height: 617px;
  overflow: scroll;
}
.one {
  text-align: center;
  line-height: 40px;
  border-bottom: 1px solid #ccc;
}
.two {
  font-size: 19px;
  border-bottom: 1px solid #ccc;
  padding-left: 15px;
  line-height: 50px;
}
.item {
  border-bottom: 1px solid #ccc;
  line-height: 40px;
  padding-left: 10px;
}
.three {
  font-size: 19px;
  border-bottom: 1px solid #ccc;
  padding-left: 15px;
  line-height: 50px;
}
.click {
    display: inline-block;
    width: 136px;
    line-height: 40px;
    /* background-color: turquoise; */
    border: 1px solid #ccc;
    text-align: center;
}
.left {
    float: left;
    margin: 10px;
}
</style>